<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div class="header w">
        <img src="./img/logo_03.png" alt="">
    </div>
    <div class="loginarea">
        <div class="login-form">
            <div class="login_item_hd clearfix">
                <ul>
                    <li class="scan_login">扫码登录</li>
                    <li class="account_login current">账户登录</li>
                </ul>
            </div>
            <div class="login_item_bd">
                <ul>
                    <li class="info">
                        <h5>
                            公共场所不建议自动登录，以免账号丢失
                        </h5>
                    </li>
                    <li class="item">
                        <label for="loginname" class="name-label"></label>
                        <input type="text" value="邮箱/用户名/手机号" id="loginname">
                    </li>
                    <li class="item">
                        <label for="loginpwd" class="password-label"></label>
                        <input type="text" value="请输入密码" id="loginpwd">
                    </li>
                    <li class="item-fore1">
                        <div class="safe">
                                
                                <input type="checkbox" id="cbox-auto-login">
                                <label for="cbox-auto-login">自动登录</label>
                            
                            
                            <span class="forget-pw-safe">
                                <a href="#">忘记密码？</a>
                            </span>
                        </div>
                        
                    </li>
                    <li>
                        <input type="submit" value="登录" class="btn-login">
                    </li>
                    <li class="oauth-login">
                        <ul>
                            <li class="itemlist">
                                <a href="#" class="qq">
                                </a>
                            </li>
                            <li class="itemlist">
                                <a href="#" class="sina">
                                </a>
                            </li>
                            <li class="itemlist">
                                <a href="#" class="alipay">
                                </a>
                            </li>
                            <li class="itemlist">
                                <a href="#" class="wechat">
                                </a>
                            </li>
                        </ul>
                        <a href="register.html" class="link-register">立即注册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer w">
        <p class="links">
            <a href="#">关于我们</a>
            <span>|</span>
            <a href="#">联系我们</a>
            <span>|</span>
            <a href="#">联系客服</a>
            <span>|</span>
            <a href="#">商家入驻</a>
            <span>|</span>
            <a href="#">营销中心</a>
            <span>|</span>
            <a href="#">手机品优购</a>
            <span>|</span>
            <a href="#">友情链接</a>
            <span>|</span>
            <a href="#">销售联盟</a>
            <span>|</span>
            <a href="#">品优购社区</a>
            <span>|</span>
            <a href="#">品优购公益</a>
            <span>|</span>
            <a href="#">English Site</a>
            <span>|</span>
            <a href="#">Contact U</a>
        </p>
        <p class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
            京ICP备08001421号京公网安备110108007702
            </p>

    </div>
</body>
</html>